<html lang="zh">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>玄镜平台开发资料</title>
    <style>
      @media (min-width: 769px) {
        #app {
          margin: 64px;
        }
        h1 {
          font-size: 32px;
        }
        .content-list {
          counter-reset: item-counter;
        }
        .content-list .item {
          line-height: 48px;
          counter-increment: item-counter; /* 计数器递增 */
          position: relative;
        }
        .content-list .item::before {
          content: counter(item-counter) '.'; /* 使用计数器的值作为内容 */
          position: absolute;
          left: 0; /* 调整序号位置 */
          color: #11a8cd;
          font-size: 24px;
        }
        .content-list .item a {
          font-weight: 500;
          color: #11a8cd;
          text-decoration: none;
          padding-left: 32px;
          font-size: 24px;
        }
      }
      @media (max-width: 768px) {
        #app {
          margin: 1.6rem 1.6rem 1.6rem 1.6rem;
        }
        h1 {
          font-size: 1.4rem;
          margin: 2rem 0 1rem 0;
        }
        .content-list {
          counter-reset: item-counter;
        }
        .content-list .item {
          line-height: 1.8rem;
          counter-increment: item-counter; /* 计数器递增 */
          position: relative;
        }
        .content-list .item::before {
          content: counter(item-counter) '.'; /* 使用计数器的值作为内容 */
          position: absolute;
          left: 0; /* 调整序号位置 */
          color: #11a8cd;
        }
        .content-list .item a {
          font-weight: 500;
          color: #11a8cd;
          text-decoration: none;
          padding-left: 1.2rem;
        }
      }
    </style>
  </head>

  <body>
    <div id="app">
      <h1>玄镜平台开发资料</h1>
      <div class="content-list">
        <div class="item">
          <a
            href="/xuanjing/js/pdf-js/web/viewer.html?file=/xuanjing//培训PPT/培训PPT.pdf"
            >培训PPT</a
          >
        </div>
        <div class="item">
          <a href="/xuanjing/Lesson.mp4/课程列表.html">培训视频</a>
        </div>
        <div class="item">
          <a href="/xuanjing/Download/Download.html">下载</a>
        </div>
      </div>
    </div>
  </body>
</html>
